<template>
<div>
<!--  1.课程类型-->
  <div>
    <van-tabs v-model:active="active">
      <van-tab title="基础入门"></van-tab>
      <van-tab title="web速成"></van-tab>
      <van-tab title="框架必会"></van-tab>
      <van-tab title="微服务"></van-tab>
    </van-tabs>
  </div>
<!--  2.内容-->
  <div>
    <van-card
        num="2"
        price="2.00"
        desc="描述信息"
        title="商品标题"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
    >
      <template #tags>
        <van-tag plain type="primary">标签</van-tag>
        <van-tag plain type="primary">标签</van-tag>
      </template>
      <template #footer>
        <van-button size="mini">按钮</van-button>
        <van-button size="mini">按钮</van-button>
      </template>
    </van-card>

  </div>
</div>
</template>

<script>
export default {
  name: "Course"
}
</script>

<style scoped>

</style>